<template>
    <ul>
        <li v-for="(item,index) in Objarr">{{ index }}:{{item.num1}}</li>
        <li v-for="(item,index) in Objarr">{{ index }}:{{item.num2}}</li>
        <li v-for="(item,index) in Objarr">{{ index }}:{{item.num3}}</li>
        <li v-for="(,index) in Obj"> {{ Obj[index] }}</li>
        <li v-for="(item) in Array">{{ item }}</li>
    </ul>

</template>

<script setup>
    import { ref } from 'vue';
    let Array=ref([0,1,2,3,4,5,6,7])
    let Obj={
        num1:"123",
        num2:"456",
        num3:"789"
    }     
    let Objarr=ref([
        {num1:"123",num2:"456",num3:"789"},
        {num1:"123",num2:"456",num3:"789"},
        {num1:"123",num2:"456",num3:"789"},
        ])   
</script>

<style scoped>
    ul{
        color: red;
    }
</style>